<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">	
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="../images/yc.png" type="image/x-icon">
<link rel="stylesheet" href="../css/layui.css"  media="all">
</head>
<body>
<div id="turnover" style="width: 100%; height:500px;">

</div>
          
<script type="text/javascript" src="../../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../js/echarts.min.js"></script>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('turnover'));
var option = {
	    xAxis: {
	        type: 'category',
	        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
	    },
	    yAxis: {
	        type: 'value'
	    },
	    series: [{
	        data: [120, {
	            value: 200,
	            itemStyle: {
	                color: '#a90000'
	            }
	        }, 150, 80, 70, 110, 130],
	        type: 'bar',
	        showBackground: true,
	        backgroundStyle: {
	            color: 'rgba(180, 180, 180, 0.2)'
	        }
	    }]
	};
//使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</body>
</html>